<template>
    <div class="app-container">
        <levelbar></levelbar>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="积分统计" name="integral">
                <integral-table></integral-table>
            </el-tab-pane>
            <el-tab-pane label="余额统计" name="balance">
                <balance-table></balance-table>
            </el-tab-pane>
        </el-tabs>
        
    </div>
</template>

<script>
    import Levelbar from '../layout/Levelbar';
    import integralTable from './comps/integralTable';
    import balanceTable from './comps/balanceTable';

    export default{
        name: 'integralStatistics',
        components: {Levelbar, integralTable, balanceTable},
        data() {
            return {
                activeName: 'integral'
            }
        },
        computed: {
        },
        methods: {
            handleClick(tab, event) {
                this.activeName = tab.name;
            }
        }
    }
</script>
<style lang="scss" scoped>
    .app-container {
        position: relative;
        padding: 20px 20px 10px;
       
    }
</style>                     